<template>
    <div class="alertNotify">
        <transfer-index v-model="defaultData" :rightCheckedData='rightCheckedData' :propData='propData'></transfer-index>
    </div>
</template>

<script lang="ts">
import { defineComponent, reactive, toRefs } from 'vue';
import TransferIndex from 'comps/transfer/index.vue';
export default defineComponent({
    // name: 'alertNotify',
    components: { TransferIndex },
    setup() {
        // 左侧列表
        const propData: any[] = [
            // {
            //     label: '111',
            //     id: '111'
            // },
            // {
            //     label: '222',
            //     id: '222'
            // },
            {
                label: '333',
                id: '333'
            }
        ];
        // 右侧列表
        let rightCheckedData: any[] = [];

        const data: any = reactive({
            // 右侧选中值
            defaultData: [
                {
                    label: '111',
                    id: '111'
                },
                {
                    label: '222',
                    id: '222'
                }
            ],
            addToRight: () => {
                console.log(data.defaultData);
            }
        });

        // const hideData: Object = { diss: true };
        return { propData, rightCheckedData, ...toRefs(data) };
    }
});
</script>

<style lang="scss" scoped>
.alertNotify {
    background-color: white;
    padding: 20px;
    height: 100%;
    box-sizing: border-box;
}
</style>